
/* ================================================================================================ */

.shoplist { background:#fff; }

/* ================================================================================================ */

.header.Searcher .hd-title { margin:0 60px; }
.header.Searcher .hd-title .fm { position:relative; height:35px; margin:5px 0; background:#f5f5f5; border-radius:20px; overflow:hidden; }
.header.Searcher .hd-title .fm .txt { position:absolute; left:0px; top:0px; display:block; width:100%; height:100%; padding:0 40px 0 10px; background:none; box-sizing:border-box; border-radius:20px; border:none; }
.header.Searcher .hd-title .fm .sub { position:absolute; right:0px; top:0px; display:block; width:40px; height:100%; background:url(../icons/hd_search.png) no-repeat center; background-size:20px 20px; border-radius:20px; border:none; text-indent:-10000px; }

/* ================================================================================================ */

.cate { height:40px; background:#f3f3f3; border-bottom:1px solid #e5e5e5; }
.cate:after { display:block; content:""; clear:both; }
.cate li { position:relative; float:left; display:block; width:25%; box-sizing:border-box; border-right:1px solid #e5e5e5; }
.cate li a { position:relative; display:block; font:14px/40px "微软雅黑"; color:#777; text-align:center; }
.cate li.sort a:after { position:absolute; left:50%; top:50%; margin:-5px 0 0 17px; display:block; content:""; width:10px; height:10px; background:url(../icons/sort.png) no-repeat; background-size:cover; }
.cate li.sort.down a:after { transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.cate li.selected:after { display:block; content:""; position:absolute; left:50%; bottom:-10px; width:20px; height:20px; margin-left:-10px; background:url(../image/dialog_arrow.png) no-repeat; }

/* ================================================================================================ */

.shops { border:0px solid #f00; }
.shops li { position:relative; padding:10px; border-bottom:1px solid #e5e5e5; }
.shops li:hover { background:rgba(0,0,0,0.05); }
.shops li .shopimg { position:absolute; left:10px; width:100px; height:70px; }
.shops li div { padding-left:110px; }
.shops li div p { margin:0; }
.shops li div p.name { font:16px/1em "微软雅黑"; color:#333; margin-bottom:5px; }
.shops li div p.info { font-size:0; height:13px; margin-bottom:5px; border:0px solid #f00; }
.shops li div p.info .stars { display:inline-block; font:12px/13px "微软雅黑"; width:65px; height:13px; margin-right:10px; text-indent:-10000px; }
.shops li div p.info .price { display:inline-block; font:12px/13px "微软雅黑"; color:#999; }
.shops li div p.addr { font:12px/1.2em "微软雅黑"; color:#999; margin-bottom:5px; }
.shops li div p.dist { font:12px/1.0em "微软雅黑"; color:#999; }
.shops li .tag_discount:before { position:absolute; right:0px; top:10px; display:block; width:25px; content:"特"; background:#f66; font:14px/20px "微软雅黑"; color:#fff; text-align:center; }
.shops li div p.info .stars.star1 { background:url(../icons/stars.png) left 0px;   background-size:65px auto; }
.shops li div p.info .stars.star2 { background:url(../icons/stars.png) left -13px; background-size:65px auto; }
.shops li div p.info .stars.star3 { background:url(../icons/stars.png) left -26px; background-size:65px auto; }
.shops li div p.info .stars.star4 { background:url(../icons/stars.png) left -39px; background-size:65px auto; }
.shops li div p.info .stars.star5 { background:url(../icons/stars.png) left -52px; background-size:65px auto; }


#Filter .fm .selectlist { border:0px solid #f00; }
#Filter .fm .selectlist li { display:inline-block; margin-bottom:5px; padding:0 10px; height:40px; font:15px/40px "微软雅黑"; color:#555; background:#fff; text-align:center; border:1px solid #e5e5e5; border-radius:5px; cursor:pointer; }
#Filter .fm .selectlist li:after { display:none; }
#Filter .fm .selectlist li:hover { background:#f4a5a5; color:#fff; border:1px solid #f49393; }
#Filter .fm .selectlist li.selected { background:#f4a5a5; color:#fff; border:1px solid #f49393; }


#Filter .set_discount { border:1px solid #e5e5e5; border-radius:3px; }
#Filter .set_discount li { position:relative; width:100%; height:40px; font:14px/40px "微软雅黑"; color:#777; text-indent:10px; box-sizing:border-box; cursor:pointer; }
#Filter .set_discount li:after { position:absolute; left:auto; right:10px; top:10px; display:block; width:20px; height:20px; content:""; box-sizing:border-box; border:none; border:1px solid #ddd; border-radius:50%; }
#Filter .set_discount li.active:after { background:url(../icons/icon-success.png) no-repeat; background-size:cover; border:none; }

#contenbody ul li .btn { position:absolute; right:10px; top:13px; padding:6px 8px; font:12px/1em "微软雅黑"; box-sizing:border-box; border-radius:30px; opacity:0.7; }

.load_more { border:0px solid #f00; }
.load_more p { display:block; height:50px; margin:-10px; font:14px/50px "微软雅黑"; color:#777; text-align:center; }
.load_more p.state { display:none; }
/* ================================================================================================ 

#Filter { background:#fff; }
#Filter > div { padding:55px 0 0; border:0px solid #f00; }
#Filter > div:before { display:none; }
#Filter > div:after  { display:none; }

#Filter .fm { position:relative; padding:0 10px 10px; overflow:auto; box-sizing:border-box; border:0px solid #f00; }
#Filter .fm label { display:block; padding:10px 0; font:15px/20px "微软雅黑"; border:0px solid #f00;}
#Filter .fm input { display:block; width:100%; height:40px; margin-bottom:20px; text-indent:10px; box-sizing:border-box; color:#777; border-radius:3px; outline:none; border:1px solid #e5e5e5; }

#Filter .fm .price { height:40px; border:0px solid #f00; }
#Filter .fm .price .focus { border:1px solid #F60; }
#Filter .fm .price .min { float:left; width:48%; }
#Filter .fm .price .max { float:left; width:48%; }
#Filter .fm .price span { float:left; width:4%; text-align:center; font:16px/40px "微软雅黑"; }

#Filter .fm .brandlist { border:0px solid #f00; }
#Filter .fm .brandlist li { display:inline-block; margin-bottom:5px; padding:0 10px; height:40px; font:15px/40px "微软雅黑"; color:#555; background:#fff; text-align:center; border:1px solid #e5e5e5; border-radius:5px; cursor:pointer; }
#Filter .fm .brandlist li:after { display:none; }
#Filter .fm .brandlist li:hover { background:#f4a5a5; color:#fff; border:1px solid #f49393; }
#Filter .fm .brandlist li.selected { background:#f4a5a5; color:#fff; border:1px solid #f49393; }

#Filter .btns { position:relative; z-index:100; height:50px; border-top:1px solid #e5e5e5;}
#Filter .btns .btn { background:#E9CC7F; color:#fff; margin:10px; border-radius:5px; }
#Filter .btns .btn.disable { opacity:0.5; }

/* ================================================================================================ */

#Filter { background:#fff; }
#Filter > div { padding:45px 0 0; border:0px solid #f00; }
#Filter > div:before { display:none; }
#Filter > div:after  { display:none; }

#Filter .fm { position:relative; padding:0 10px 10px; overflow:auto; box-sizing:border-box; border:0px solid #f00; }
#Filter .fm label { display:block; padding:20px 0 10px; font:15px/20px "微软雅黑"; border:0px solid #f00;}
#Filter .fm input { display:block; width:100%; height:40px; text-indent:10px; box-sizing:border-box; color:#777; border-radius:3px; outline:none; border:1px solid #e5e5e5; }

#Filter .fm .selectlist { border:0px solid #f00; }
#Filter .fm .selectlist li { display:inline-block; margin-bottom:5px; padding:0 10px; height:30px; font:15px/30px "微软雅黑"; color:#777; background:#fff; text-align:center; border:1px solid #e5e5e5; border-radius:3px; cursor:pointer; }
#Filter .fm .selectlist li:after { display:none; }
#Filter .fm .selectlist li:hover { background:#f4a5a5; color:#fff; border:1px solid #f49393; }
#Filter .fm .selectlist li.selected { background:#f4a5a5; color:#fff; border:1px solid #f49393; }

#Filter .fm .area { height:40px; border:0px solid #f00; }
#Filter .fm .area input { float:left; width:50%; }
#Filter .fm .area input:nth-child(1){ width:48%; }
#Filter .fm .area input:nth-child(3){ width:48%; float:right; }

#Filter .fm .price { height:40px; border:0px solid #f00; }
#Filter .fm .price .focus { border:1px solid #F60; }
#Filter .fm .price .min { float:left; width:48%; }
#Filter .fm .price .max { float:left; width:48%; }
#Filter .fm .price span { float:left; width:4%; text-align:center; font:16px/40px "微软雅黑"; }

#Filter .btns { position:absolute; left:0; bottom:0; z-index:100; width:100%; height:60px; background:#fff; border-top:1px solid #e5e5e5;}
#Filter .btns .btn { background:#E9CC7F; color:#fff; margin:10px; border-radius:5px; }
#Filter .btns .btn.disable { opacity:0.5; }

/* ================================================================================================ */
